<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>科学技术进步奖评分表</title>
    @include('common-css')
    <style>
        .ant-table-tbody > tr > td, .ant-table-thead > tr > th {
            vertical-align: middle;
            line-height: 25px;
            font-size: 12px;
        }
    </style>
</head>
<body>
<div id="app">
</div>
</body>
</html>

<script id="appTemplate" type="x-template">
    <div class="score-table-box">
        <a-button @click="scoreDialogVisible = true">打分</a-button>
        <a-modal :width="1000" v-model="scoreDialogVisible" title="评分表">
            <a-table class="application-list"
                     size="small"
                     :scroll="{ y: 500 }"
                     rowKey="key"
                     :columns="scoreTableListColumns"
                     :dataSource="scoreData"
                     :pagination="false">
                <p slot="method_of_marking" slot-scope="text, record" v-html="record.method_of_marking"></p>
                <span slot="real_score" slot-scope="text, record">
                    <a-input type="number" v-model="record.real_score"></a-input>
                </span>
                <span slot="remarks" slot-scope="text, record">
                    <a-textarea v-model="record.remarks"></a-textarea>
                </span>
            </a-table>
        </a-modal>
    </div>
</script>

@include('common-js')

<script>
    const scoreTableListColumns = [
        {
            width: 120,
            title: '评价指标',
            dataIndex: 'evaluation_index',
            scopedSlots: {
                customRender: 'evaluation_index'
            }
        }, {
            width: 200,
            title: '指标含义',
            dataIndex: 'evaluation_index_meaning',
            scopedSlots: {
                customRender: 'evaluation_index_meaning'
            }
        }, {
            width: 350,
            title: '评分方法及标准',
            dataIndex: 'method_of_marking',
            scopedSlots: {
                customRender: 'method_of_marking'
            }
        }, {
            width: 80,
            title: '标准分',
            dataIndex: 'standard_score',
            scopedSlots: {
                customRender: 'standard_score'
            }
        }, {
            width: 100,
            title: '实得分',
            dataIndex: 'real_score',
            scopedSlots: {
                customRender: 'real_score'
            }
        }, {
            width: 150,
            title: '备注',
            dataIndex: 'remarks',
            scopedSlots: {
                customRender: 'remarks'
            }
        }];

    Vue.prototype.$axios = axios
    var app = new Vue({
        el: '#app',
        template: '#appTemplate',
        data: {
            scoreDialogVisible: false,
            scoreTableListColumns: scoreTableListColumns,
            scoreData: [
                {
                    key:'1',
                    evaluation_index: '技术创新性',
                    evaluation_index_meaning: '指成果在关键技术、系统综合集成的创新程度具有自主知识产权在总体技术中所占比（重点查验专利证书）',
                    method_of_marking: '1、技术创新程度显著 20-30<br>2、技术创新程度较大 10-20<br>3、技术创新程度一般 5-10<br>4、技术创新程度较小 0-5',
                    standard_score: '30',
                    real_score: '',
                    remarks: ''
                },
                {
                    key:'2',
                    evaluation_index: '总体技术含量',
                    evaluation_index_meaning: '指成果的主要性能参数, 技术经济指标和总体技术水平与国内外同类项目最高水平比较的程度（以提供的评价证明材料为准）',
                    method_of_marking: '1、技术含量很高 , 达到国际领先水平 25-30<br>2、技术含量高, 达到国际先进水平 20-25<br>3、技术含量较高, 达到国内领先水平 15-20<br>4、技术含量一般, 达到国内先进水平 10-15',
                    standard_score: '30',
                    real_score: '',
                    remarks: ''
                },
                {
                    key: '3',
                    evaluation_index: '经济效益',
                    evaluation_index_meaning: '指成果在应用后的直接经济效益, 包括主要完成单位已经通过技术转让、增收节支、提高效益、降低成本获得的新增利润、税收的金额及他人由于使用该技术而产生的经济收益（以提供的证明材料为准）',
                    method_of_marking: '1、年创收或节约成本500万元以上 10-15<br>2、年创收或节约成本100到500万元 5-10<br>3、年创收或节约成本100万元以下 0-5',
                    standard_score: '15',
                    real_score: '',
                    remarks: ''
                },
                {
                    key: '4',
                    evaluation_index: '社会效益/对相关领域技术进步的推动作用',
                    evaluation_index_meaning: '指成果在促进技术跨越, 推动相关产业结构优化升级, 产品更新换代等方面的作用',
                    method_of_marking: '1、实现重大技术跨越, 对行业技术进步作用显著 10-15<br>2、技术进步明显, 对行业技术进步作用明显 5-10<br>3、技术进步不明显, 对行业技术进步作用一般 0-5',
                    standard_score: '15',
                    real_score: '',
                    remarks: ''
                },
                {
                    key: '5',
                    evaluation_index: '社会效益/节能环保',
                    evaluation_index_meaning: '指成果在工程建设领域推广后, 对社会生活、生态、环境的影响',
                    method_of_marking: '1、与同类技术比较节能作用显著, 推广后有利于保持生态平衡和环境保护 10<br>2、与同类技术比较节能作用明显, 推广后对环境无影响 8<br>3、与同类技术比较具有一定的节能作用, 推广后对环境影响轻微 5<br>4、推广后对环境影响较大,不予评审',
                    standard_score: '10',
                    real_score: '',
                    remarks: ''
                },
            ]
        },
        mounted() {
        },
        methods: {}
    })
</script>